<template>
    <div>
        <PageHeadLow headTitle="设置"/>
        <div class="box">
            <ul>
                <li>
                    <router-link to="/personal">
                        <img src="../assets/img/set/s01.png"><span>个人资料</span>
                    </router-link> 
                </li>
                <li>
                    <router-link to="/bindservice">
                        <img src="../assets/img/set/s02.png"><span>绑定</span>
                    </router-link> 
                </li>
                <li>
                    <router-link to="/address">
                        <img src="../assets/img/set/s03.png"><span>收货地址</span>
                    </router-link>
                </li>
                <li>
                    <router-link to="/">
                        <img src="../assets/img/set/s04.png"><span>清除缓存</span>
                    </router-link>
                    </li>
                <li><img src="../assets/img/set/s05.png"><span>小屏模式（省高达70%流量）</span>
                <li>
                    <router-link to="/">
                        <img src="../assets/img/set/s06.png"><span>消息推送</span>
                    </router-link>
                </li>
                <li>
                    <router-link to="/about">
                        <img src="../assets/img/set/s07.png"><span>关于loveliness</span>
                    </router-link>
                </li>
                <li>
                    <router-link to="/help">
                        <img src="../assets/img/set/s08.png"><span>帮助</span>
                    </router-link>
                </li>
                <li>
                    <router-link to="/opinions">
                        <img src="../assets/img/set/s09.png"><span>意见反馈</span>
                    </router-link>
                </li>
                <li>
                    <router-link to="/Login">
                        <span class="signout">退出登录</span>
                    </router-link>
                </li>
            </ul>
            
        </div>
    </div>
</template>
<script>
import PageHeadLow from "../components/pageHeadLow"

export default {
    name:"Shezhi",

    data(){
        return{

        }
    },
    components:{
        PageHeadLow

    }
}
</script>
<style scoped lang="less">

.box {
    margin:0 10px;
    // width: 100%;
    height: 1000px;
    border-left:1px solid #E5E5E5;
    border-right:1px solid #E5E5E5;
    border-radius: 0.5em;
    box-shadow: 0 0 10px 1px #E5E5E5;
    background-color: white;
    ul {
        float: left;
        width:100%;
        li {
            padding:10px 0;
            width:100%;
            font-size: 16px;
            img {
                margin:0 10px;
                width: 20px;
                height:20px;
            }
            .signout {
                display: block;
                float:left;
                width:80%;
                height:50px;
                line-height: 50px;
                text-align: center;
                border-radius: 1em;
                margin: 0 10%;
                box-shadow: 0 6px 30px -3px gray;
                margin-top: 50px;
            }
        }
    }

}
</style>